<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <th:block th:include="include :: header('司机组长审批')"/>
  <th:block th:include="include :: datetimepicker-css"/>
  <th:block th:include="include :: select2-css"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
  <form class="form-horizontal m" id="form-repair-edit" th:object="${bizVehicleRepair}">
    <input name="id" th:field="*{id}" type="hidden">
    <input name="taskId" th:field="*{taskId}" type="hidden">
    <input type="hidden" name="p_COM_comment"/>
    <div class="form-group">
      <label class="col-sm-3 control-label">申请人：</label>
      <div class="col-sm-8">
        <input name="applyUserName" th:field="*{applyUserName}" class="form-control" type="text" readonly>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">申请时间：</label>
      <div class="col-sm-8">
        <div class="input-group date">
          <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
          <input name="applyTime" th:value="${#dates.format(bizVehicleRepair.applyTime, 'yyyy-MM-dd HH:mm')}"
                 class="form-control" type="text" disabled>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">原因：</label>
      <div class="col-sm-8">
        <textarea name="reason" class="form-control" readonly>[[*{reason}]]</textarea>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">开始时间：</label>
      <div class="col-sm-8">
        <div class="input-group date">
          <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
          <input name="startTime" th:value="${#dates.format(bizVehicleRepair.startTime, 'yyyy-MM-dd HH:mm')}"
                 class="form-control calcTotalSecondInput" placeholder="yyyy-MM-dd" type="text" disabled>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">结束时间：</label>
      <div class="col-sm-8">
        <div class="input-group date">
          <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
          <input name="endTime" th:value="${#dates.format(bizVehicleRepair.endTime, 'yyyy-MM-dd HH:mm')}"
                 class="form-control calcTotalSecondInput" placeholder="yyyy-MM-dd" type="text" disabled>
        </div>
      </div>
    </div>

    <hr/>
    <div class="form-group">
      <label class="col-sm-3 control-label" for="driverGroupLeaderApproved">审批意见：</label>
      <div class="col-sm-8">
        <select name="p_B_driverGroupLeaderApproved" id="driverGroupLeaderApproved" class="form-control m-b">
          <option value="true">同意</option>
          <option value="false">拒绝</option>
        </select>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">批注：</label>
      <div class="col-sm-8">
        <textarea name="comment" class="form-control"></textarea>
      </div>
    </div>
  </form>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: datetimepicker-js"/>
<th:block th:include="include :: select2-js"/>
<script th:src="@{/js/activiti.js}"></script>
<script th:inline="javascript">
  var prefix = ctx + "repair/repairApprove";
  $("#form-repair-edit").validate({
    focusCleanup: true
  });

  function submitHandler() {
    if ($.validate.form()) {
      if ($('textarea[name="comment"]').val()) {
        $('input[name="p_COM_comment"]').val($('textarea[name="comment"]').val());
      }
      var taskId = [[${taskId}]];
      $.operate.save(prefix + "/complete/" + taskId, $('#form-repair-edit').serialize());
    }
  }

  $("input[name='startTime']").datetimepicker({
    autoclose: true
  });

  $("input[name='endTime']").datetimepicker({
    autoclose: true
  });

</script>
</body>
</html>
